<template>
  <div class="header-wrapper">
    <Header
      :share="share"
      :back="back"
      :title="title"
      :fixed="fixed"
      :stateBar="stateBar"
      :customClass="test"
      @onBack="goBack"
      @onShare="goShare"
    ></Header>
    <div style="height: 2000px">
      测试
    </div>
  </div>
</template>
<script>
  import header from './index.vue'
  export default {
    name: 'page-Header',
    components: {
      'Header': header
    },
    data() {
      return {
        title: '测试',
        fixed: true,
        back: {
          text: '返回',
          icon: 'icon left'
        },
        share: {
          text: '分享',
          show: true,
          icon: 'icon share-p'
        },
        stateBar: true,
      }
    },
    computed: {},
    methods: {
      goBack(e) {
        console.log(e)
        debugger
      }
    }
  }
</script>
<style lang="postcss" scoped>
  .header-wrapper {
    .new-class {
      background-color: red;
    }
  }
</style>
